/*login*/
.contanier_bg{width: 100%;height: 100%;background: url(../images/login1.jpg) no-repeat;background-size: cover;}
.login_width400{width: 400px;margin: auto;position: relative;padding-top: 8%;}
.tab_bigbox .tab_box{display: none;}
.login_tabul{margin:0 auto;width: 220px;}
.login_tabul li{float: left;width: 108px;height: 38px;line-height:40px;text-align: center;color: #f08519;font-weight: bold;border: 1px solid #f08519;cursor: pointer;}
.login_tabul li.this{color: #fff;background-color: #f08519;}
.login_tabli1{border-radius: 20px 0 0 20px;}
.login_tabli2{border-radius: 0px 20px 20px 0px;}
.login_i1{display: inline-block;position: relative;width:18px;height:20px;top: 6px;margin-right: 14px;background: url(../img/icon6.png) no-repeat center center;}
.login_i2{display: inline-block;position: relative;width:18px;height:20px;top: 4px;margin-right: 14px;background: url(../img/icon5.png) no-repeat center center;}
.login_i3{display: inline-block;position: relative;width:19px;height:22px;top: 6px;margin-right: 14px;background: url(../img/icon11.png) no-repeat center center;}
.login_i4{display: inline-block;position: relative;width:19px;height:22px;top: 21px;margin-right: 14px;background: url(../img/icon9.png) no-repeat center center;}
.login_i5{display: inline-block;position: relative;width:19px;height:22px;top: 23px;margin-right: 14px;background: url(../img/icon10.png) no-repeat center center;}
.login_box{width: 100%;height: 68px;line-height:68px;border-bottom: 1px solid #e5e5e5;position: relative;}
.login_box input{width: 200px;font-size: 14px;;height: 68px;line-height:68px;background-color: transparent;color: #b5b4b4;}
.login_box span{display:inline-block;position: absolute;bottom: 0;left:0%;width: 0;height: 1px;background-color: #f08519;}
.login_box.this span{width:100%;}
.login_box.this{border-color:#fff;}
.login_box.this .login_i1{background: url(../img/icon4.png) no-repeat center center;}
.login_box.this .login_i2{background: url(../img/icon7.png) no-repeat center center;}
.login_box.this .login_i3{background: url(../img/icon8.png) no-repeat center center;}
.login_box.this .login_i4{background: url(../img/icon12.png) no-repeat center center;}
.login_box.this .login_i5{background: url(../img/icon13.png) no-repeat center center;}
.login_forget{display: block;width: 100%;height: 54px;line-height: 54px;color: #f08519;text-align: right;font-size: 12px;}
.login_button{width: 100%;height: 48px;line-height: 48px;background-color: #f08519;color: #fff;font-weight: bold;text-align: center;border-radius: 5px;}
.login_ul li{width: 38px;height: 38px;border-radius: 100%;background-color: #b7b7b7;text-align: center;line-height: 38px;float: left;margin-right: 20px;}
.login_ul li:hover{background-color: #f08519;}
.login_ul li a{vertical-align: middle;}
.register_p{width: 80px;height: 22px;line-height:22px;border-radius: 5px;color: #fff;margin-top: 24px;font-size: 12px;background-color: #f08519;text-align: center;cursor: pointer;}
.register_img{position: relative;top: 32px;cursor: pointer;}
.register_p1{line-height: 56px;font-size: 12px;color: #666666;}
.register_p1 i{display: inline-block;width: 16px;height: 16px;background: url(../img/icon14.jpg) no-repeat center center;position: relative;margin-right: 10px;top: 3px;cursor: pointer;}
.register_p1 i.this{display: inline-block;width: 16px;height: 16px;background: url(../img/icon15.jpg) no-repeat center center;position: relative;margin-right: 10px;top: 3px;cursor: pointer;}
/* banner */
.slideBox{ width:100%; height:600px; overflow:hidden; position:relative;z-index: 1;}
.slideBox .hd{width: 100%; height:20px; overflow:hidden; position:absolute; left:0; bottom:14px; z-index:4;}
.slideBox .hd ul{width: 100%; height:20px; overflow:hidden; text-align: center;}
.slideBox .hd ul li{width: 12px;height: 12px;border: 2px solid #b8b8b8; display: inline-block;border-radius: 100%;margin:0 5px;cursor: pointer;}
.slideBox .hd ul li.on{ border-color: #fff;}
.slideBox .bd{ position:relative; height:600px; width: 1920px;left: 50%;margin-left: -960px;top: 0;}
.slideBox .bd ul{height: 600px;}
.slideBox .bd li{position: relative;width:100%;height: 600px;}
.banner_absolute{width: 100%;height: 600px;position: absolute;top: 0;left: 0;}
/*nav*/
.nav li{float: left;margin-right: 47px;position: relative;}
.nav li a{padding-top: 28px;color: #fff;position: relative; display: inline-block;}
.nav li a:before{left: 0; right: 0; margin: auto; content: ''; display: block; width: 0px; height: 2px; position: absolute; top: 0px; background: #f08519;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.nav li.this a,.nav li:hover a{color: #f08519;}
.nav li:hover a:before,.nav li.this a:before{ width: 100%;}
.nav li i{width:100%;height: 100%;background: url(../img/icon16.png) no-repeat center top;position: absolute;background-size: 28px 17px;top:8px;}
/*head*/
.head{height: 80px;}
.head_position{display:inline-block;width: 62px;height: 24px;background: url(../img/icon24.png) no-repeat center center;color: #fff;font-size: 12px;margin: 28px 50px 0 20px;}
.head_position span{display:block;padding-left: 26px;width: 36px;height: 24px;line-height:24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.head_imgbox{cursor: pointer;position: relative;font-size: 0;}
.head_entrance{color: #fff;}
.head_entrance a{display: inline-block;width: 86px;height: 22px;line-height:22px;border: 1px solid #fff;color: #fff;text-align: center;margin-right: 10px;font-size: 12px;border-radius: 10px;}
.head_entrance a:hover,.head_entrance a.this{border-color: #f08519;background-color: #f08519;}
.head_entrance span{font-weight: bold;}
.head_entrance span img{position: relative;top:1px;margin-right: 6px;margin-left: 10px;}
/*index_search*/
.index_search button{width: 120px;height: 64px;background: url(../img/icon19.png) no-repeat center center;background-size: cover;float: right;}
.index_search .left{width: 824px;height: 64px;border-radius:8px 0 0 8px;background-color: #fff;padding: 0 28px;}
.index_search .left>li{float: left;height: 64px;line-height: 64px;}
.index_search .left>li input{line-height: 64px;height: 64px;width: 230px;color: #333333;}
.index_search .left>li>img{position: relative;top: 6px;margin-right: 15px;}
.index_search .left>li.demo{width: 350px;position: relative;s}
.index_search .left>li.left_liwidth{width: 294px;}
.index_search .left>li.right_li input{width: 104px;}
.index_search .left>li.right_li #clickToshow{cursor: pointer;position: relative;}
.index_search .left>li.right_li .index_search_hide{position: absolute;top: 64px;left: 0;background-color: #fff;width:122px;height:200px;overflow:hidden;box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);background-color: #898989\9; background: rgba(0,0,0,0.5);border-radius: 0 0 5px 5px;display: none;}
.index_search .left>li.right_li .index_search_hide ul{width: 142px;height:100%;overflow-y: auto; overflow-x: hidden;  }
.index_search .left>li.right_li .index_search_hide ul li{width:122px;color: #fff;height: 50px;line-height: 50px;text-align: center;transition: all 0.2s ease-out 0s;}
.index_search .left>li.right_li .index_search_hide ul li:hover{text-indent: 10px;background: rgba(0,0,0,0.7); color: #ff4d00;}
.index_numIncrease{width: 215px;margin: 0 auto;}
/*advantage*/
.advantage{width: 100%;height:190px;background-color: #fff;padding-top: 80px;}
.advantage_i1{width: 48px;height: 48px;display: inline-block;background: url(../img/icon29.png) no-repeat center center; }
.advantage_i2{width: 48px;height: 48px;display: inline-block;background: url(../img/icon26.png) no-repeat center center;}
.advantage_i3{width: 48px;height: 48px;display: inline-block;background: url(../img/icon27.png) no-repeat center center;}
.advantage_i4{width: 48px;height: 48px;display: inline-block;background: url(../img/icon28.png) no-repeat center center;}
.advantage_i5{width: 48px;height: 48px;display: inline-block;background: url(../img/icon34.png) no-repeat center center;}
.advantage ul li{text-align: center;float: left;width: 20%;cursor: pointer;}
.advantage ul li span{opacity: 0;display: inline-block;}
.advantage ul li.this p{color: #f08519;}
.advantage ul li.this span{opacity: 1;animation-name: fadeIn;}
.advantage ul li.this .advantage_i1{width: 48px;height: 48px;display: inline-block;background: url(../img/icon25.png) no-repeat center center;animation-name: rubberBand; }
.advantage ul li.this .advantage_i2{width: 48px;height: 48px;display: inline-block;background: url(../img/icon30.png) no-repeat center center;animation-name: swing;}
.advantage ul li.this .advantage_i3{width: 48px;height: 48px;display: inline-block;background: url(../img/icon31.png) no-repeat center center;animation-name: tada;}
.advantage ul li.this .advantage_i4{width: 48px;height: 48px;display: inline-block;background: url(../img/icon32.png) no-repeat center center;animation-name: jello;}
.advantage ul li.this .advantage_i5{width: 48px;height: 48px;display: inline-block;background: url(../img/icon33.png) no-repeat center center;animation-name: bounce;}
/*recommend*/
.recommend{width: 100%;height: 715px;background-color: #f3f3f3;overflow:hidden; position:relative;z-index: 1;}
.recommend .bd{ position:relative; height:715px; width: 100%;top: 0;}
.recommend .bd>ul{width:100%;height: 715px;}
.recommend .bd>ul>li{position: relative;width:100%;height: 715px;}
.recommend .bd>ul>li>div.fl{height: 100%;}
.recommend .bd>ul>li>div.fl img{width: 100%;height: 100%;}
.recommend .bd>ul>li>div.fr{padding-top: 100px;}
.recommend .hd{width: 92px;position: absolute;cursor: pointer;z-index: 2;left: 50%;bottom: 90px;}
.recommend .right{width: 680px;margin: 0 auto;}
.recommend_bgfffbox{width: 100%;height: 80px;background-color: #fff;}
.recommend_bgfffbox>div.fl{width:450px;height: 80px;line-height: 80px;font-size: 12px;padding-left: 30px;}
.recommend_bgfffbox>div.fl .imgbox{position: relative;top: 9px;padding: 0 10px;}
.recommend_bgfffbox>div.fl .recommend_hover{cursor: pointer;position: relative;}
.recommend_bgfffbox>div.fl .recommend_hide{position: absolute;top:63px;left:-16px;padding: 26px;font-size: 12px;z-index: 2;line-height: 20px;width: 335px;background-color: #FFFFFF;border: 1px solid #f3f3f3;-webkit-box-shadow:0px 0px 4px 0px #d3d3d3;-moz-box-shadow:0px 0px 4px 0px #d3d3d3;box-shadow: 0px 0px 4px 0px #d3d3d3;display: none;}
.recommend_bgfffbox>div.fl .recommend_hide i{position: absolute;width: 16px;height:12px;background: url(../img/icon62.png) no-repeat center center;top: -11px;}
.recommend_bgfffbox>a.fr{width: 200px;height: 80px;}
.recommend_ul{width: 100%;height: 85px;border-top: 1px dashed #d9d7d7;border-bottom: 1px dashed #d9d7d7;}
.recommend_ul i{width:16%;height: 100%;float: left;cursor: pointer;}
.recommend_li1{background: url(../img/icon58.png) no-repeat center center;padding-left: 2%;}
.recommend_li2{background: url(../img/icon54.png) no-repeat center center;}
.recommend_li3{background: url(../img/icon55.png) no-repeat center center;}
.recommend_li4{background: url(../img/icon56.png) no-repeat center center;}
.recommend_li5{background: url(../img/icon57.png) no-repeat center center;}
.recommend_li6{background: url(../img/icon59.png) no-repeat center center;padding-right: 2%;}
.recommend_p1{padding:33px 0;line-height: 24px;}
.recommend_a{display: inline-block;width: 116px;height: 36px;line-height: 36px;text-align: center;color: #999999;border: 1px solid #999999;border-radius: 20px;}
.recommend_a:hover{color: #fff;border-color: #f08519;background-color: #f08519;}
/*hotdestination*/
.hotdestination{width: 100%;height: 850px;}
.index_title{width: 100%;height: 105px;padding-top: 65px;}
.index_tab{width: 100%;height: 45px;line-height: 45px;border-bottom: 1px solid #e5e5e5;}
.index_tab .index_tabul li{float: left;margin-right: 30px;height: 45px;line-height: 45px;cursor: pointer;}
.index_tab .index_tabul li.this span{border-bottom: 3px solid #f08519;display: inline-block;}
.hotdestination_box{width: 1224px;height: 534px;margin-top: 20px;}
.hotdestination_box .left{position: relative;width: 292px;}
.hotdestination_box .left .position_box{position: absolute;top: 0;left: 0;padding: 20px 20px 0px 20px;width: 252px;height: 514px;}
.hotdestination_box .left .position_box img{position: relative;top: 5px;margin-right: 8px;}
.hotdestination_box .left .position_box a{width: 140px;height: 36px;line-height: 36px;border-radius: 20px;border: 1px solid #fff;text-align: center;font-size: 14px;color: #fff;position: absolute;bottom: 40px;left: 50%;margin-left: -71px;}
.hotdestination_box .left .position_box a:hover{border-color: #f08519;background-color: #f08519;}
.hotdestination_ul li{width: 282px;height:267px;float: left;margin-right: 20px;}
.hotdestination_ul li a{display: block;width: 100%;height: 100%;}
.hotdestination_ul{margin-left:20px;width:912px;}
.hotdestination_ul .imgbox,.hotdestination_ul .imgbox .hotdestination_scale{width: 282px;height: 210px;display: inline-block;}
.hotdestination_ul li .hotdestination_word{padding-top:4px;}
.hotdestination_ul li .hotdestination_word i{display: inline-block;width: 18px;height: 18px;background: url(../img/icon38.png) no-repeat center center;padding-top: 3px;}
.hotdestination_ul li .hotdestination_word .left{width: 255px;}
.hotdestination_ul .imgbox {overflow: hidden;position: relative;}
.hotdestination_ul .imgbox i{display:block; position: absolute; background: #fff;}
.hotdestination_ul li .hotdestination_img{position: absolute;top: 50%;left: 50%;margin-left: -19px;margin-top: -19px;opacity: 0;}
.hotdestination_ul li .rightline{width: 1px; height: 0; top: 10px; right: 10px;}
.hotdestination_ul li .bottomline{width: 0; height: 1px; bottom:10px; left:10px;}
.hotdestination_ul li .topline{width: 0; height: 1px; top:10px; left: 10px;}
.hotdestination_ul li .leftline{width: 1px; height: 0; top: 10px; left: 10px;}
.hotdestination_ul li a:hover .topline,.hotdestination_ul li a:hover .bottomline{width:262px; height: 1px;}
.hotdestination_ul li a:hover .rightline,.hotdestination_ul li a:hover .leftline{height:190px; width: 1px;}
.hotdestination_ul li a:hover .hotdestination_scale{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); }
.hotdestination_ul li a:hover .hotdestination_word i{background: url(../img/icon37.png) no-repeat center center;}
.hotdestination_ul li a:hover .hotdestination_img{opacity: 1;animation-name: fadeInDown; }
/*travelguides*/
.travelguides{width: 100%;height: 1080px;background-color: #f3f3f3;}
.travelguides_part1{width: 100%;height: 400px;margin-top: 20px;}
.travelguides_slideBox{ width:100%; height:400px; position:relative;z-index: 1;overflow: hidden;}
.travelguides_slideBox .bd{ position:relative; height:100%; width: 792px;float: left;}
.travelguides_slideBox .bd ul{width:792px;height: 400px;}
.travelguides_slideBox .bd li,.travelguides_slideBox .bd li img{position: relative;width:100%;height: 400px;}
.travelguides_slideBox .hd{width: 408px; height:400px;z-index: 1;float: right;}
.travelguides_slideBox .hd ul{width: 100%; height:400px;background-color: #fff;}
.travelguides_slideBox .hd ul li{width: 360px;height:80px;cursor: pointer;border-bottom: 1px dashed #efeeee;padding: 20px 24px 0 24px;position: relative;}
.travelguides_slideBox .hd ul li a{display: block;}
.travelguides_slideBox .hd ul li.on{color: #fff;background-color: #f08519;border-color: transparent;}
.travelguides_slideBox .hd ul li.on a{color: #fff;}
.travelguides_slideBox .hd ul li.on .travelguides_p2{color: #fff;}
.travelguides_slideBox .hd ul li div.fr{width: 288px;}
.travelguides_slideBox .hd ul li div.fl img{width: 58px;height: 58px;display: inline;border-radius: 100%;}
.travelguides_slideBox .hd ul li i{position: absolute;width: 10px;height: 18px;background: url(../img/icon48.png) no-repeat center center;left: -10px;top: 50%;margin-top: -9px;z-index: 2;display: none;}
.travelguides_slideBox .hd ul li.on i{display: block;}
.travelguides_p1{width: 100%;height: 24px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.travelguides_p2{font-size: 12px;color: #999999;line-height: 20px;height: 40px;overflow: hidden;}
.travelguides_part2 .left{width: 792px;height:285px;}
.travelguides_part2 .right{width: 388px;height:285px;}
.picScroll_leftul{margin-left: 0px;width: 812px;}
.picScroll_leftul li{width: 386px;height: auto;}
.picScroll_left{position: relative;}
.picScroll_left .hd{position: relative;z-index: 2;}
.picScroll_left .hd .next,.picScroll_left .hd .prev{position: absolute;top:100px;cursor: pointer;}
.picScroll_left .hd .prev{left: 0;}
.picScroll_left .hd .next{right:0;}
.picScroll_left .bd{width: 100%;height: 285px;}
.picScroll_left .bd{position: relative;z-index: 1;}
.picScroll_leftul .imgbox, .picScroll_leftul .imgbox .hotdestination_scale{width: 386px; height: 234px;}
.picScroll_leftul li a:hover .topline,.picScroll_leftul li a:hover .bottomline{width:366px; height: 1px;}
.picScroll_leftul li a:hover .rightline,.picScroll_leftul li a:hover .leftline{height:214px; width: 1px;}
.travelguides_ul{width:344px;height: 100%;padding: 0 20px;background-color: #fff;}
.travelguides_ul li{border-bottom: 1px dashed #e1dfdf;height: 127px;padding-top: 15px;width: 344px;}
.travelguides_ul li a{display: block;}
.travelguides_ul li a>p{width: 100%;height: 42px;overflow: hidden;}
.travelguides_rightbox{margin-top: 10px;}
.travelguides_rightbox div.fl{width: 230px;}
.travelguides_rightbox div.fr img{width: 90px;height: 60px;}
.travelguides_rightboxp1{line-height: 20px;height: 40px;overflow: hidden;}
.travelguides_rightboxp2{margin-top: 5px;}
.travelguides_rightboxspan{padding-right: 10px;border-right: 1px solid #999999;margin-right: 10px;}